a {text-decoration: none; cursor: pointer;}
a:focus {border-style: none;}

.frame{width: 900px;padding-right: 16px;margin-left:auto;margin-right:auto;}

.topPanel{width: 900px; margin-bottom: 5px;}
.topPanel-bar{ float: right; width: 680px; margin-top:5px; border-bottom-style: solid;
	border-bottom-width: thin; border-bottom-color: blue;}
.topPanel-infoPanel{ padding-right: 5px;}
.topPanel-logo{ padding-left: 16px; float: left; height: 60px; width: 182px;}
.mouseOver{background: #BBFFEE;}

.gwt-DecoratedTabBar .gwt-TabBarItem-wrapper { padding: 5px 5px 0 5px;}

.tabBar{height: 27px; width: 100%;background: #92c1f0; margin-left: 16px;}
.tabBar-text{padding: 5px 0 5px 15px; cursor: pointer; color: #000088;}
.tabBar-text-selected{color: black; font-weight:bold; cursor: pointer;}
.tabBar-seperator{padding: 5px 0 5px 15px; color: black;}

.page-panel{width: 100%;}
.page-frame{width: 100%;}
.page a{padding: 2px; font-size:14px; margin: 10px 4px 10px 4px;}
.page a:hover{padding: 2px; font-size: 14px; color: #FFFFFF; background: #000088;}
.page-selected a{padding: 2px;font-size: 14px;  color: #FFFFFF; background: #000088;}
.page-selected a:hover{padding: 2px;font-size: 14px;  color: #FFFFFF; background: #000088;}
.page-disable a{padding: 2px;font-size: 14px;  color: #666666; margin: 10px 4px 10px 4px;}
.page-disable a:hover{padding: 2px;font-size: 14px;  color: #666666;}

.searchPanel{padding: 0 20px 0 10px;}
.searchResult-title{width: 596px; padding: 4px 0px 3px 15px; text-align: left;
border-bottom: 2px solid #bbcdf3;
	background: #e3e8f3 url(gwt/standard/images/hborder.png) repeat-x 0px -2003px; 
	font-size: 15px; color: #660077;}
.searchResult-title-text{font-size: 16px; padding: 3px 0 3px 5px;}
.searchResult-title-text-plain{font-size: 12px; padding: 6px 15px 3px 0;}
.searchResult-content{width: 100%; margin: 10px 20px 40px 35px; }
.searchResult-page{margin-left: 10px;}

.createEntityEntry{margin: 18px 0 0 10px;}
.createEntityEntry-label{color: #227700; font-size: 16px; margin-bottom: 8px;}
.createEntityEntry-item{ margin-bottom: 8px; color: #3A0088;}
.createEntityEntry-text{margin-left: 4px; font-size: 14px;}
.createEntityEntry-text-over{background: #AAAAAA;}

.createEntity-title{width: 80%; background: #92c1f0; margin: 10px 40px 0 35px;
	border-top-style: solid; border-top-width: thin;}
.createEntity-title-text{font-size: 16px; padding: 3px 0 3px 5px;}
.createEntity-content{width: 100%; margin: 20px 40px 0 40px;}
.createEntity-label{font-size: 16px; margin: 0px 10px 0 5px; color: #666666;}
.createEntity-item{margin-bottom: 5px;}
.createEntity-commit{font-size: 16px; margin: 0px 10px 0 5px;}
.createEntity-commit-over{background: #AAAAAA;}

.entity{width: 500px; margin:10px 0 0 20px;}
.entity-content{width: 100%; }
.entity-recommend{width: 100%; }
.entity-item{width: 500px; border-bottom-style: dashed; 
	border-bottom-width: thin; border-bottom-color: #9F88FF;padding: 5px 0 5px 0;}
.simple-entity-item{width: 100%; border-bottom-style: dashed; 
	border-bottom-width: thin; border-bottom-color: #9F88FF;}
.entity-item-bottom{}
.entity-item-bottom-text{margin-right: 5px; color: #888888;}
.entity-item-label{color: #888888; font-size: 16px;}
.entity-item-content{color: #444444; font-size: 16px; margin-left: 10px;}
.entity-item-content a:hover{color: #FFFFFF; background: #000088;}
.entity-item-pic{width:100px; padding:0 10px 0 10px;}

.recommend-summary{width: 100%;  border-bottom-style: dashed; 
	border-bottom-width: thin; border-bottom-color: #9F88FF; padding:5px;}
.recommend-summary-image{width: 50px; border-style: dashed; border-width: thin; border-color: #9F88FF;}
.recommend-summary-content{padding-left:5px;}
.recommend-summary-title a{font-size: 14px;}
.recommend-summary-title a:hover{font-size: 14px; color: #FFFFFF; background: #000088;}
.recommend-summary-text{color: #666666; font-size: 12px; margin-bottom: 2px;}
.recommend-summary-label{ color: #444444; font-size: 13px;}

.recommend-simple-panel .middleCenter{width: 520px;}
.recommend-simple{width: 100%; margin: 10px;}
.recommend-simple-image{width: 50px; border-style: dashed; border-width: thin; border-color: #9F88FF;
	margin: 5px 5px 0 5px;}
.recommend-simple-content{margin: 5px 0 0 5px;}
.recommend-simple-title a{font-size: 16px;}
.recommend-simple-title a:hover{color: #FFFFFF; background: #000088;}
.recommend-simple-name{font-size: 15px;}
.recommend-simple-name a:hover{color: #FFFFFF; background: #000088;}
.recommend-simple-entity{font-size: 15px;}
.recommend-simple-entity a:hover{color: #FFFFFF; background: #000088;}
.recommend-simple-text{color: #666666; font-size: 14px;}
.recommend-simple-label{color: #444444; font-size: 14px;}
.recommend-simple-date{margin: 3px 0 0 10px; color: #AAAAAA; font-size: 12px;}
.recommend-simple-popup .popupMiddleCenter{padding: 10px; width: 150px; height: 150px;}
.recommend-simple-panel-title{width: 520px; padding: 4px 0px 3px 15px; text-align: left;
border-bottom: 2px solid #bbcdf3;
	background: #e3e8f3 url(gwt/standard/images/hborder.png) repeat-x 0px -2003px; 
	font-size: 15px; color: #660077;}
	
.recommend{width: 100%; margin: 18px 0 0 35px;}
.recommend-item{width: 70%; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; 
border-bottom-style: dashed; 
	border-bottom-width: thin; border-bottom-color: #9F88FF;}
.recommend-item-image{width: 100px; border-style: dashed; border-width: thin; border-color: #9F88FF;
	margin: 5px 10px 0 5px;}
.recommend-item-content{margin: 5px; 0 5px 10px;}
.recommend-item-title {font-size: 17px; color: #444444;}
.recommend-item-title a{font-size: 17px;}
.recommend-item-title a:hover{font-size: 17px; color: #FFFFFF; background: #000088;}
.recommend-item-text{color: #666666; font-size: 14px; margin-bottom: 5px;}
.recommend-item-label{margin: 5px 10px 10px 0; color: #444444; font-size: 15px;}
.recommend-comment{width: 50%; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px;}
.recommend-comment-title{width: 100%; background: #92c1f0; border-top-style: solid; 
	border-top-width: thin; margin-bottom: 20px;}
.recommend-comment-title-text{font-size: 16px; padding: 3px 0 3px 5px;}
	
.addRecommend{margin: 20px 0 30px 40px;}
.addRecommend-body{margin: 5px; width: 60%;}
.addRecommend-body-title{margin-bottom: 10px;}
.addRecommend-body-title-text{padding-top: 3px; margin-right: 10px; font-size: 15px; color: #3A0088;}
.addRecommend-body-area{width: 100%; height: 18em;}
.addRecommend-body-button{margin-top:10px;}
.addRecommend-top-link{padding:8px; font-size:18px;}
.addRecommend-top-link a:hover{color: #FFFFFF; background: #000088;}
.addRecommend-top-text{padding:8px; font-size:18px;}

.systemTopRecommend-title{width: 580px; padding: 4px 0px 3px 15px; text-align: left;
border-bottom: 2px solid #bbcdf3;
	background: #e3e8f3 url(gwt/standard/images/hborder.png) repeat-x 0px -2003px; 
	font-size: 15px; color: #660077;}

.systemTopEntity-title{width: 260px; padding: 4px 0px 3px 15px; text-align: left;
border-bottom: 2px solid #bbcdf3;font-size: 15px; color: #660077;
background: #e3e8f3 url(gwt/standard/images/hborder.png) repeat-x 0px -2003px; }
	
.comment{width: 100%; margin-bottom: 10px; border-bottom-style: dashed; 
border-bottom-width: thin; border-bottom-color: #9F88FF;}
.comment-image{width: 50px; border-style: dashed; border-width: thin; border-color: #9F88FF;
	margin: 5px 10px 0 5px;}
.comment-body{margin: 5px; 0 5px 10px;}
.comment-title{width: 450px; background: #92c1f0; margin: 5px 40px 0 10px; padding: 3px 20px 3px 5px;
	border-top-style: solid; border-top-width: thin;}
.comment-title-text{font-size: 15px; color: #666666;}
.comment-title-text a{font-size: 15px;}
.comment-title-text a:hover{color: #FFFFFF; background: #000088;}
.comment-text{color: #666666; font-size: 14px; margin: 10px 0 10px 15px;}
.comment-add-label{color: #666666; font-size: 16px; margin: 20px 0 15px 15px;}
.comment-add-area {margin: 0 0 10px 5px;}
.comment-add-text{margin: 0 5px 0 5px;}
.comment-add-row{margin-bottom: 6px;}
.comment-add-button{margin-left: 5px;}

.star10,.star9,.star8,.star7,.star6,.star5,.star4,.star3,.star2,.star1{background:url(allstar.gif) 
	no-repeat;height:12px;display:block;padding-left:55px;color:#999;overflow:hidden;font-size:12px;
	margin-bottom:7px;line-height:100%; color: #FF7744;}
.star10{background-position:0 0}
.star9{background-position:0 -12px}
.star8{background-position:0 -24px}
.star7{background-position:0 -36px}
.star6{background-position:0 -48px}
.star5{background-position:0 -60px}
.star4{background-position:0 -72px}
.star3{background-position:0 -84px}
.star2{background-position:0 -96px}
.star1{background-position:0 -108px}
.score-text{font-size: 12px; color: #AAAAAA; margin-right: 5px;}
.comment-score{margin-right: 45px;}
.recommend-score{margin: 8px 0 0 50px; }
.recommend-summary-score{margin: 10px 0 0 20px;}
.recommend-simple-score{margin-top: 8px}

.friendList-panel{margin: 5px; padding: 5px 10px 15px 5px;}
.friendList-title{width: 560px;padding: 4px 0px 3px 15px; text-align: left; 
border-bottom: 2px solid #bbcdf3;
	background: #e3e8f3 url(gwt/standard/images/hborder.png) repeat-x 0px -2003px; 
	font-size: 15px; color: #660077;}
.friend-item{width: 95%; margin: 5px 0 0 5px; border-bottom-style: dashed; 
	border-bottom-width: thin; border-bottom-color: #9F88FF;padding: 5px 0 5px 0;}
.friendList-searchBox{height: 21px; font-size:12px;}
.friend-item-text{padding-left:5px; padding-top:2px;}
.friend-item-text a:hover{color: #FFFFFF; background: #000088;}
.invitation-item-text{margin-bottom:4px;}
.invitation-item-text a:hover{color: #FFFFFF; background: #000088;}
.friend-sidebar-title{width: 260px;padding: 4px 0px 3px 15px; text-align: left; 
	border-bottom: 2px solid #bbcdf3;
	background: #e3e8f3 url(gwt/standard/images/hborder.png) repeat-x 0px -2003px; 
	font-size: 15px; color: #660077;}

.richText{ border: 1px solid #BBBBBB; border-spacing: 0px;}
.hasRichTextToolbar {border: 0px;}
.gwt-RichTextToolbar {background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  border-bottom: 1px solid #BBBBBB;  padding: 3px;  margin: 0px;}
.gwt-RichTextToolbar .gwt-PushButton-up {padding: 0px 1px 0px 0px; margin-right: 4px;
  margin-bottom: 4px;  border-width: 1px;}
.gwt-RichTextToolbar .gwt-PushButton-up-hovering {margin-right: 4px; margin-bottom: 4px;
  padding: 0px 1px 0px 0px; border-width: 1px;}
.gwt-RichTextToolbar .gwt-PushButton-down { margin-right: 4px;margin-bottom: 4px;
  padding: 0px 0px 0px 1px; border-width: 1px;}
.gwt-RichTextToolbar .gwt-PushButton-down-hovering {  margin-right: 4px;  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;  border-width: 1px; }
.gwt-RichTextToolbar .gwt-ToggleButton-up {  margin-right: 4px;  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;  border-width: 1px;}
.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {  margin-right: 4px;  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;  border-width: 1px;}
.gwt-RichTextToolbar .gwt-ToggleButton-down {  margin-right: 4px;  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;  border-width: 1px;}
.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {  margin-right: 4px;  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;  border-width: 1px;}
  
.state-image{width: 100px; border-style: dashed; border-width: thin; border-color: #9F88FF;
	margin: 10px 15px 15px 10px;}
.state .middleCenter{width: 533px;}
.state-title{margin-top: 5px;}
.state-name a{font-size: 20px;}
.state-name a:hover{color: #FFFFFF; background: #000088;}
.state-content{padding-top: 5px; padding-left: 10px; color: #666666; overflow:hidden;}
.state-panel-item{padding-left: 5px;}

.stateList .middleCenter{width:540px;}
.stateList-title{width: 525px;padding: 4px 0px 3px 15px; text-align: left; 
border-bottom: 2px solid #bbcdf3;
	background: #e3e8f3 url(gwt/standard/images/hborder.png) repeat-x 0px -2003px; 
	font-size: 15px; color: #660077;}
.stateList-content{width: 400px; font-size: 16px; color: #444444; padding-right: 5px;overflow:hidden;}
.stateList-time{color: #666666; font-size: 12px;  padding-right:3px;}
.stateList-cell{padding: 8px 0 3px 0; border-bottom-style: dashed; border-bottom-width: thin; 
border-bottom-color: #9F88FF;}

.userRecommend .middleCenter{width: 280px;}
.userRecommend-title{width: 280px; padding: 4px 0px 3px 15px; text-align: left; 
border-bottom: 2px solid #bbcdf3;
	background: #e3e8f3 url(gwt/standard/images/hborder.png) repeat-x 0px -2003px; 
	font-size: 15px; color: #660077;}
.userRecommend-image{width: 75px;}
.userRecommend-name{font-size: 15px;}
.userRecommend-name a:hover{color: #FFFFFF; background: #000088;}
.userRecommend-item-top{padding: 10px 10px 0 10px; border-bottom-style: dashed; 
border-bottom-width: thin; border-bottom-color: #9F88FF;}
.userRecommend-item-left{padding: 10px 10px 0 10px; border-right-style: dashed; 
border-right-width: thin; border-right-color: #9F88FF;}

.msgboard .middleCenter{width: 540px;}
.msgboard-title{padding: 10px 0 5px 13px;}
.msgboard-title-text{font-size: 17px; color: #444444;}
.msgboard-textArea{margin: 0 0 5px 10px;}
.msgboard-text{padding: 5px 10px 0 13px;}
.msgboard-text a:hover{color: #FFFFFF; background: #000088;}
.msgboard-panel{margin: 5px; padding: 5px 0 15px 5px; border-top-style: dashed; 
border-top-width: thin; border-top-color: #9F88FF;}

.msgitem{width: 450px; padding: 15px 0 15px 10px; border-bottom-style: dashed; 
border-bottom-width: thin; border-bottom-color: #9F88FF;}
.msgitem-image{width: 75px; margin-right: 10px;}
.msgitem-title{width: 400px;}
.msgitem-name{font-size: 16px; margin-right: 8px;}
.msgitem-name a:hover{color: #FFFFFF; background: #000088;}
.msgitem-time{color: #666666; font-size: 12px;  padding-top: 4px;}
.msgitem-content{width: 350px; font-size: 15px; color: #444444; padding-right: 5px;overflow:hidden;}
.msgitem-link{font-size: 14px;}
.msgitem-link a:hover{color: #FFFFFF; background: #000088;}
.msgitem-sidebar{width: 30px;}

.msgboard-remind .middleCenter{width: 533px;}
.msgboard-remind-cell{padding: 5px 0 5px 8px; border-bottom-style: dashed; 
border-bottom-width: thin; 
	border-bottom-color: #9F88FF;}
.msgboard-remind-message{padding: 5px 0 5px 8px; border-bottom-style: dashed; 
border-bottom-width: thin; 
	border-bottom-color: #9F88FF; width: 430px;}
.msgboard-remind-name{font-size: 15px;}
.msgboard-remind-name a:hover{color: #FFFFFF; background: #000088;}
.msgboard-remind-link a{margin-right: 5px; font-size: 14px; color: #888888;}
.msgboard-remind-link a:hover{color: #FFFFFF; background: #000088;}

.footer {float:left;border-top:dashed 1px #339999;width:105%;padding-top:5px;
	margin-top: 10px; font-size:12px;}
.footer-company {float:left;margin-left:10px;color:#444;margin-top:8px;}
.footer-nav {float:right;margin-right:10px;list-style-type:none;}
.footer-nav ul li{display:inline;margin-right:10px;}
.footer-nav ul li a{color:#444;}

.recentRecommend .middleCenter{width: 540px;}
.recentRecommend-title{width: 525px;padding: 4px 0px 3px 15px; text-align: left; 
border-bottom: 2px solid #bbcdf3;
	background: #e3e8f3 url(gwt/standard/images/hborder.png) repeat-x 0px -2003px; 
	font-size: 15px; color: #660077;}
.recentRecommend-item{width: 530px; padding: 5px 0 5px 8px; 
border-bottom-style: dashed; border-bottom-width: thin; 
	border-bottom-color: #9F88FF;}
.recentRecommend-item-text{padding: 7px 5px 0 5px;color: #666666; font-size: 12px;}
.recentRecommend-item-entity{padding-top: 7px;}
.recentRecommend-item-entity a{color: #666666;}
.recentRecommend-item-entity a:hover{color: #FFFFFF; background: #000088;}
.recentRecommend-item-title a{font-size: 20px;}
.recentRecommend-item-title a:hover{color: #FFFFFF; background: #000088;}
.recentRecommend-item-content{font-size:15px; color: #444444;overflow:hidden;}
.recentRecommend-item-content a:hover{color: #FFFFFF; background: #000088;}
.recentRecommend-item-footer{color: #666666; font-size: 12px;}

.friendsPreview .middleCenter{width: 300px;}
.friendsPreview-title{width: 300px; padding: 4px 0px 3px 15px; text-align: left; 
border-bottom: 2px solid #bbcdf3;
	background: #e3e8f3 url(gwt/standard/images/hborder.png) repeat-x 0px -2003px; 
	font-size: 15px; color: #660077;}
.friendsPreview-title-text a{font-size:12px; color: #444444; margin-right:5px;}
.friendsPreview-image{width: 75px;}
.friendsPreview-name{font-size: 15px;}
.friendsPreview-name a:hover{color: #FFFFFF; background: #000088;}
.friendsPreview-item-top{padding: 10px 10px 0 10px; border-bottom-style: dashed; 
border-bottom-width: thin; border-bottom-color: #9F88FF;}
.friendsPreview-item-left{padding: 10px 10px 0 10px; border-right-style: dashed; 
border-right-width: thin; border-right-color: #9F88FF;}

.friendRecommend-upper{width: 520px; padding: 10px 0 10px 5px;}
.friendRecommend-bottom{width: 520px; padding: 10px 0 10px 5px; border-top-style: dashed; 
	border-top-width: thin; border-top-color: #9F88FF;}
.friendRecommend-title{padding-top: 20px; width: 70px; float:left;}
.friendRecommend-button{height:70px; margin-top:25px;float:left;}
.friendRecommend-text a:hover{color: #FFFFFF; background: #000088;}
.friendRecommend-input{margin-top:22px;float:left;}
.friendRecommend-button a:hover{color: #FFFFFF; background: #000088;}
.friendRecommend-item{float:left;}

.article-sidebar{width:274px; padding-left:2px}
.article-sidebar-category{width: 260px; background:#92c1f0;
	margin:4px 0 4px 0;padding:5px;overflow:hidden;}
.article-sidebar-category-text{font-size:16px;}
.article-sidebar-child{width:252px; font-size:15px;text-decoration: underline; 
	background:#d0e4f6;padding:5px;overflow:hidden;}
.article-sidebar-childPanel{margin:0 5px 0 5px;}